<template>
  <div id="app">
    <HelloWorld title="美食" :dataList=food></HelloWorld>
    <HelloWorld title="游戏" :dataList=games></HelloWorld>
    <HelloWorld title="电影" :dataList=movie></HelloWorld>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  },
  data(){
    return{
        food:['火锅','烧烤','小龙虾','牛排'],
        games:['红色警戒','穿越火线','QQ飞车','超级玛丽'],
        movie:['《教父》','《拆弹专家》','《你好,李焕英》','《1942》']
    }
  }
}
</script>

<style lang="less" scoped>
  #app{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
</style>

